// 快捷样式
const commonStyle = {
  mt10: {
    marginTop: '10px',
  },
  mr10: {
    marginRight: '10px',
  },
  ml10: {
    marginLeft: '10px',
  },
  mb10: {
    marginBottom: '10px',
  },
  mt20: {
    marginTop: '20px',
  },
  mr20: {
    marginRight: '20px',
  },
  ml20: {
    marginLeft: '20px',
  },
  mb20: {
    marginBottom: '20px',
  },
  mt30: {
    marginTop: '30px',
  },
  mr30: {
    marginRight: '30px',
  },
  ml30: {
    marginLeft: '30px',
  },
  mb30: {
    marginBottom: '30px',
  },
  mt40: {
    marginTop: '40px',
  },
  mr40: {
    marginRight: '40px',
  },
  ml40: {
    marginLeft: '40px',
  },
  mb40: {
    marginBottom: '40px',
  },
  mt50: {
    marginTop: '50px',
  },
  mr50: {
    marginRight: '50px',
  },
  ml50: {
    marginLeft: '50px',
  },
  mb50: {
    marginBottom: '50px',
  },
  pt10: {
    paddingTop: '10px',
  },
  pr10: {
    paddingRight: '10px',
  },
  pl10: {
    paddingLeft: '10px',
  },
  pb10: {
    paddingBottom: '10px',
  },
  pt20: {
    paddingTop: '20px',
  },
  pr20: {
    paddingRight: '20px',
  },
  pl20: {
    paddingLeft: '20px',
  },
  pb20: {
    paddingBottom: '20px',
  },
  pt30: {
    paddingTop: '30px',
  },
  pr30: {
    paddingRight: '30px',
  },
  pl30: {
    paddingLeft: '30px',
  },
  pb30: {
    paddingBottom: '30px',
  },
  pt50: {
    paddingTop: '50px',
  },
  pr50: {
    paddingRight: '50px',
  },
  pl50: {
    paddingLeft: '50px',
  },
  pb50: {
    paddingBottom: '50px',
  },
  margin10: {
    margin: '10px',
  },
  margin20: {
    margin: '20px',
  },
  margin30: {
    margin: '30px',
  },
  margin50: {
    margin: '50px',
  },
  padding10: {
    padding: '10px',
  },
  padding20: {
    padding: '20px',
  },
  padding30: {
    padding: '30px',
  },
  padding50: {
    padding: '50px',
  },
  completeW: {
    width: '100%',
  },
  completeH: {
    height: '100%',
  },
  completeBox: {
    width: '100%',
    height: '100%',
  },
  radiusBox: {
    borderRadius: '5px',
  },
  flexBox: {
    display: 'flex',
  },
  columnFlex: {
    display: 'flex',
    flexDirection: 'column',
  },
  colorC8: {
    color: '#c8c8c8',
  },
  color: {
    color: 'black',
  },
  title3: {
    fontSize: '0.5rem',
    fontWeight: '700',
  },
};

export default commonStyle;
